<template>
	<view class="cols">
		<navigator :url="'../child/drill-impression?student_id=' + student_id" hover-class="false" class="col">
			<i class="iconfont iconziliaotongbu"></i>
			<text>同步记录</text>
		</navigator>
		<navigator :url="'../qulian/practice-records?student_id=' + student_id" hover-class="false" class="col">
			<i class="iconfont iconxunlian"></i>
			<text>趣练记录</text>
		</navigator>
		<navigator :url="'../child/exam-impression?student_id=' + student_id" hover-class="false" class="col">
			<i class="iconfont iconkaoshijilu"></i>
			<text>自评记录</text>
		</navigator>
		<navigator url="../classOrder/course-all" hover-class="false" class="col">
			<i class="iconfont iconkecheng1"></i>
			<text>课程记录</text>
		</navigator>
		<navigator url="../package/packagelist" hover-class="false" class="col">
			<i class="iconfont iconkebao-xianxing_huaban1"></i>
			<text>学包列表</text>
		</navigator>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				student_id: uni.getStorageSync('currentChild').student_id
			}
		}
	}
</script>

<style>
	.cols {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.col {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 248upx;
		height: 200upx;
		border-bottom: 2upx solid #E5E5E5;
		border-right: 2upx solid #E5E5E5;
	}
	
	.col:nth-child(3n) {
		border-right: none;
	}
	
	.col i {
		font-size: 54upx;
		line-height: 96upx;
	}
	
	.col text {
		color: #666666;
		font-size: 32upx;
	}
	
	.iconziliaotongbu,
	.iconkaoshijilu {
		color: #00D5A2;
	}
	
	.iconxunlian,
	.iconkecheng1,
	.iconkebao-xianxing_huaban1,
	.iconhuijiao-xian{
		color: #00ACFE;
	}
	
	.iconkecheng1 {
		font-size: 76upx !important;
		line-height: 1.2;
	}
	
	.iconkebao-xianxing_huaban1 {
		font-size: 60upx !important;
		line-height: 1.5;
	}
</style>
